<template>
  <view>
    <!-- <eui-anchorframework ref="anchorframework">
      <view id="one" style="height: 1000px;background:#FFF;">1</view>
      <view id="two" style="height: 1000px;background:#000;">2</view>
      <view id="three" style="height: 1000px;background:#FFF;">3</view>
    </eui-anchorframework> -->
	<view style="margin-top: 200rpx;">
		<eui-statecard label="商品信息" state="待收货" type="commodity">
            <eui-commodityinformation  label="调拨数量" :isshowcheckout="true" name="item.123123123123"  :mondata="{
                        
					}" @checkout="checkout">
              123123
              <template #inputnumber> 
                <eui-inputnumber 
                  v-model="value"
                  :value="value"
                  :disable='true'
                  @input="value = $event.target.value"
                />
              </template>
            </eui-commodityinformation>
          </eui-statecard>
		  <view class="card">
			<eui-title label="表单信息"/>
			<eui-fromtable  ref="fromtable" :fromlist="fromlist" @uploadimage='uploadimage' @callbackfun="callbackfun"/>
		</view>
		<view class="card">
			<eui-newstep   style="margin-top: 30rpx"
              :stepslist="stepslist" />
		</view>
        <view class="card" @click="submit">
			123123
		</view>
        <eui-popup ref="popup" background-color="#f8f8f8" type="center" :mask-click="false" :animation="false">
            <eui-popup-dialog :type="msgType" styletype="meetall" cancelText="关闭" confirmText="同意"  content="欢迎使用 eui-popup!" @confirm="dialogConfirm"
            @close="dialogClose"></eui-popup-dialog>
        </eui-popup>
	</view>
  </view>
</template>
<script>
	export default {
		data() {
			return {
				barFixed: true,
				barHeight: "44",
				barTop: 0,
 
				value:1,
				iconShow: true,
				barId: "0",
				fromlist:{
					djh:{
						label:'单据号',
						type:'text',
						value:'提交后自动生成单据号',
					
						placeholder:'提交后自动生成单据号'
					},
					// bz:{
					// 	label:'备注',
					// 	type:'textarea',
					// 	value:'',
					// 	placeholder:'提交后自动生成单据号'
					// },
					// ssbm:{
					// 	label:'所属部门',
					// 	type:'text',
					// 	value:'',
					// 	placeholder:'提交后自动生成单据号'
					// },
                    md: {
                    label: "调出门店",
                    placeholder: "请选择调出门店",
                    type: "fun",
                    funname:'getmd',
                    keyname:'c_name',
                    value: '',
                    },
					sc:{
						type:'upload',
						value:['http://img-openroad.quanqiuwa.com/image/a5ab12d1-6258-4d86-9992-a99ad9aa2d42.png']
					},
					// sc1:{
					// 	label:'时间',
					// 	type:'time',
					// 	value:''
					// },
				},
				stepslist: 					[
    {
        "IsModify": false,
        "NodeName": "[265951]张保苹",
        "AppReqUserNo": "265951",
        "AppUsers": "",
        "AppUsersNo": "",
        "AppedUsers": "",
        "AppedUsersNo": "",
        "AppDetail": "",
        "AppDateTime": "2025-02-14 17:16:01.000",
        "AppNodeType": "审批",
        "ReplyStatus": "",
        "IsShowBottomLine": true,
        "IsStartNode": true,
        "SendType": null,
        "SendUser": null,
        "StepAppInFo": null,
        "ApproveNumber": 0,
        "NodeId": 0,
        "PreNodeId": 0,
        "AppSendComment": null,
        "Sort_Index": 1,
        "PrimaryKeysJSON": "{}",
        "title": "申请人",
        "status": "发起审批",
        "time": "2025-02-14 17:16:01.000",
        "userInfo": [
            {
                "userName": "[265951]张保苹",
                "userImg": "https://enjoymain.quanqiuwa.com/mbmv5/File/DownLoadImage/265951"
            },
            {
                "userName": "无审批人",
                "userImg": "https://enjoymain.quanqiuwa.com/mbmv5/File/DownLoadImage/"
            },
            {
                "userName": "[265951]张保苹",
                "userImg": "https://enjoymain.quanqiuwa.com/mbmv5/File/DownLoadImage/265951"
            }
        ],
        "content": ""
    },
        {
        "IsModify": false,
        "NodeName": "[265951]张保苹",
        "AppReqUserNo": "265951",
        "AppUsers": "",
        "AppUsersNo": "",
        "AppedUsers": "",
        "AppedUsersNo": "",
        "AppDetail": "",
        "AppDateTime": "2025-02-14 17:16:01.000",
        "AppNodeType": "审批",
        "ReplyStatus": "",
        "IsShowBottomLine": true,
        "IsStartNode": true,
        "SendType": null,
        "SendUser": null,
        "StepAppInFo": null,
        "ApproveNumber": 0,
        "NodeId": 0,
        "PreNodeId": 0,
        "AppSendComment": null,
        "Sort_Index": 1,
        "PrimaryKeysJSON": "{}",
        "title": "申请人",
        "status": "发起审批",
        "time": "2025-02-14 17:16:01.000",
        "userInfo": [
            {
                "userName": "[265951]张保苹",
                "userImg": "https://enjoymain.quanqiuwa.com/mbmv5/File/DownLoadImage/265951"
            },
            {
                "userName": "无审批人",
                "userImg": "https://enjoymain.quanqiuwa.com/mbmv5/File/DownLoadImage/"
            },
            {
                "userName": "[265951]张保苹",
                "userImg": "https://enjoymain.quanqiuwa.com/mbmv5/File/DownLoadImage/265951"
            }
        ],
        "content": ""
    }
]
			};
		},
	
		mounted(){
			let arr =[
    {
        "c_store_id": "0",
        "c_name": "山西美特好连锁超市有限公司总部",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1",
        "c_name": "山西美特好连锁超市有限公司总部",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11",
        "c_name": "山西分区总部",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1101",
        "c_name": "美特好迎宾店",
        "lon": "112.588936",
        "lat": "37.817053"
    },
    {
        "c_store_id": "1102",
        "c_name": "美特好滨河店",
        "lon": "112.541708",
        "lat": "37.890084"
    },
    {
        "c_store_id": "1103",
        "c_name": "美特好平阳店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1104",
        "c_name": "美特好广场店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1105",
        "c_name": "美特好三墙路店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1107",
        "c_name": "美特好太原五一路店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1108",
        "c_name": "美特好太原漪汾路店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1113",
        "c_name": "美特好康宁街店",
        "lon": "112.581705",
        "lat": "37.743"
    },
    {
        "c_store_id": "1114",
        "c_name": "测试",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1121",
        "c_name": "美特好迎泽西大街店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1122",
        "c_name": "美特好兴华街店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1125",
        "c_name": "美特好尖草坪店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1128",
        "c_name": "美特好体育路店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11501",
        "c_name": "美特好星河湾店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11515",
        "c_name": "美特好龙城北街店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11527",
        "c_name": "美特好吴家堡店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1154",
        "c_name": "美特好太原丽华苑店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11566",
        "c_name": "美特好汽贸小区店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11594",
        "c_name": "美特好公元时代城店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11599",
        "c_name": "美特好印象城店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11601",
        "c_name": "美特好龙康南街店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11609",
        "c_name": "美特好龙城天悦店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1180",
        "c_name": "美特好许坦东街店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1189",
        "c_name": "美特好和平南路店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1194",
        "c_name": "B2B渠道",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1196",
        "c_name": "美特好常温物流配送中心",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1197",
        "c_name": "美特好PC食品加工厂",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "1198",
        "c_name": "美特好农产品加工配送中心",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "11993",
        "c_name": "测试m",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "18888",
        "c_name": "市场部批发业务",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "2000",
        "c_name": "美特好鄂尔多斯天骄南路店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "2099",
        "c_name": "太原优鲜多歌供应链有限公司",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "2101",
        "c_name": "真武城配库",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "26001",
        "c_name": "大排档学府广场店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "28888",
        "c_name": "富基调拨业务",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "51",
        "c_name": "111",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70001",
        "c_name": "美特好双美便利店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70003",
        "c_name": "美特好万柏林区兴瑞便利店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70005",
        "c_name": "美特好尖草坪区生鲜迎新店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70007",
        "c_name": "美特好迎泽区冉升便利店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70017",
        "c_name": "美特好万科紫台加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70020",
        "c_name": "美特好康宁西街加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70023",
        "c_name": "美特好小店电子街恒大绿洲北门加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70025",
        "c_name": "美特好富丽华庭便利店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70032",
        "c_name": "美特好中正花园加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70033",
        "c_name": "美特好北中环滨西花园加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70036",
        "c_name": "美特好闫家沟加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70039",
        "c_name": "美特好万达天玺加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70041",
        "c_name": "美特好东华门加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70042",
        "c_name": "美特好晨光上东加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70044",
        "c_name": "美特好富力文栖谷加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70045",
        "c_name": "美特好科技街店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70051",
        "c_name": "美特好榆太路新兴国际文教城加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70059",
        "c_name": "美特好万景苑加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70061",
        "c_name": "美特好绿景未来城加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70065",
        "c_name": "兰亭御湖城加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70071",
        "c_name": "万水澜庭加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70076",
        "c_name": "美特好丽华甲第加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70079",
        "c_name": "美特好八一西街加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70083",
        "c_name": "美特好恒大滨河左岸加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70084",
        "c_name": "美特好宜家上东城加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70085",
        "c_name": "美特好湖滨文锦苑加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70088",
        "c_name": "美特好劲松新景加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70089",
        "c_name": "美特好城南逸居加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70090",
        "c_name": "美特好保利金香槟加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70092",
        "c_name": "美特好首开国风琅越加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70093",
        "c_name": "美特好康馨苑加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70094",
        "c_name": "美特好富力华庭B区加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70095",
        "c_name": "美特好保利西湖林语加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70096",
        "c_name": "美特好山大东山校区店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70097",
        "c_name": "美特好桃园路加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70098",
        "c_name": "光信国信嘉园加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70099",
        "c_name": "美特好武警总队加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70100",
        "c_name": "美特好保利百合加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70101",
        "c_name": "山西大医院加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70102",
        "c_name": "龙城天悦加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70103",
        "c_name": "美特好寇庄西路加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70104",
        "c_name": "美特好长风国兴加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70105",
        "c_name": "美特好永和家园加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70106",
        "c_name": "美特好合生御龙城加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "70108",
        "c_name": "大唐四季加盟店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "71001",
        "c_name": "美特好小店区蛙生便利店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "7998",
        "c_name": "开店1",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "7999",
        "c_name": "开店测试",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "80015",
        "c_name": "哇生鲜太铁佳苑店",
        "lon": null,
        "lat": null
    },
    {
        "c_store_id": "86601",
        "c_name": "生鲜云厨阳光汾河湾店",
        "lon": null,
        "lat": null
    }
]
let storedata = arr.map(ite=>{
    return {
      text:ite.c_name,
      value:ite.c_store_id
    }
  })  
  setTimeout(() => {
    this.fromlist.md.value = {"c_store_id":"1101","c_name":"美特好迎宾店","c_store_guid":"B3B4207C-D23F-46EB-9C78-4C3ADC914E0F","c_address":"山西省太原市太榆路2号","c_manager_userno":"209039","c_manager_username":"赵娟","c_manager_mobile":"18266668888","c_tele":"0351-5627228","c_distance":8.317,"detail":[{"c_store_id":"1101","c_gcode":"114370","c_stock_n":0,"db_stock":1,"stock_status":"库存不足"}],"stock_gds_fully":0,"stock_status":"库存不足"}
    this.$refs.popup.open()
  }, 2000);
		},
        methods:{
            submit(){
                let data = this.$refs.fromtable.sub()
                console.log(data)
            },
            uploadimage(image){
                console.log('data',image)
            },
            callbackfun(callbackdata){
                console.log('callbackfun111',callbackdata)
                this[callbackdata.funname](callbackdata)
            },
            nacgo(data){
                console.log('callbackfun1112',data)
            },
            checkout(data){
                console.log(data)
            }
        },
       
        
	}
</script>
<style>
	.page-content {
		position: relative;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		background-color: #eee;
		font-size: 14px;
	}

	.banner {
		position: relative;
		width: 100%;
		height: 200px;
	}

	.tabbody {
		position: relative;
		width: 100%;
		border-bottom: 3px solid #4CD964;
	}
	.card{
		background: #ffffff;
		border-radius: 24rpx;
		padding: 20rpx;
	}
</style>
